﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="home.aspx.cs" Inherits="WebSite.MailBox.right.home" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <link rel="stylesheet" type="text/css" media="all" href=""/>
<link href="css/send.css" type="text/css" rel="stylesheet"/>



<link href="css/lanrenzhijia.css" type="text/css" rel="stylesheet" />
<link href="css/listAll.css"  type="text/css" rel="stylesheet" />

<link href="../css/notice.css" rel="stylesheet" type="text/css" />
<link href="../css/information.css" rel="stylesheet" type="text/css" />

<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
<script type="text/javascript">

    function openContact() {

        window.open("contactList.aspx", "newwindow", "height=320, width=250,top=300,left=820, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
    }

</script>
</head>
<body>
   <!-- 上方发送区-->
<div id="nav-bottom-menu">
  <form method="get" id="searchform" ">
    <label for="s" class="assistive-text">Search</label>
    <!--  		<Textarea  width="400" class="field" placeholder="OscifyFuture@oscify.com"></Textarea> <input type="submit" value="选择联系人" class="btn"/></p> <br/>
		
		-->
    <div id="writepublic"> <span id="public">
      <Textarea  width="400" class="field" placeholder="OscifyFuture@oscify.com"></Textarea>
      <input type="button" value="选择联系人" id="selectContact"    onClick="openContact()" class="btn"/>
      </span> </div>
    <Textarea   class="field" name="s" id="s" placeholder="输入你的信件"  ></Textarea>
    <input type="submit" class="submit" name="submit" id="searchsubmit" value="Search" />
    <br/>
    <div id="writepublic">
      <p id="write_public"> <span id="public">
        <input type="checkbox" id="public_ornot"/>
        是否公开</span>&nbsp;|&nbsp; <span id="annoymous">
        <input type="checkbox" id="noName"/>
        匿名发送</span>&nbsp;|&nbsp;
        <input type="submit" value="发送" class="btn"/>
      </p>
    </div>
  </form>
</div>
<!-- 上方发送区end-->
<div class="hp-tab-newprd">
  <ul class="j-sw-nav">
    <li class="newprd-s3"><a>最新话题</a></li>
    <li class="newprd-s4"><a>热门话题</a></li>
    <li class="newprd-s1"><a>热门信件</a></li>
    <li class="newprd-s2"><a>最新信件</a></li>
   
  </ul>
  <div class="newprd-clip">
    <div class="tempWrap" style="overflow:hidden; position:relative; width:940px">
      <div class="j-sw-c" style="width: 6580px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -5640px;">
        
       
        <ul style="float: left; width: 940px;">
          <li><a href="#" target="_blank"> <img src="images/young.jpg"></a></li>
          <li><a href="#" target="_blank"> <img src="images/FutureMe.jpg"></a></li>          
          <li><a href="#" target="_blank"><img src="images/gaobai.jpg"></a></li>
          <li><a href="#" target="_blank"><img src="images/naxienian.jpg"></a></li>
        </ul>
        <ul style="float: left; width: 940px;">
          <li><a href="#" target="_blank"><img src="images/gaobai.jpg"></a></li>
          <li><a href="#" target="_blank"><img src="images/naxienian.jpg"></a></li>
          <li><a href="#" target="_blank"> <img src="images/young.jpg"></a></li>
          <li><a href="#" target="_blank"> <img src="images/FutureMe.jpg"></a></li>
          
        </ul>


        <ul style="float: left; width: 940px;">
          <div id="right">
            <table cellpadding="0" cellspacing="0" id="table01" >
              <thead>
                <tr>
                  <th scope="col" id="type">类　型 </th>
                  <th scope="col" id="title">标　题 </th>
                  <th scope="col" id="address">用户名</th>
                  <th scope="col" id="time">日　期 </th>
                </tr>
              </thead>
              <tbody>
                <tr >
                  <td id="type"><a href="#">[5.20树洞]</a></td>
                  <td ><a href="#" class="font01">你是我天边最美的云彩...</a></td>
                  <td >凤凰</td>
                  <td >2013/5/13</td>
                </tr>
                <tr> </tr>
                <tr >
                  <td id="type"><a href="#">[致青春]</a></td>
                  <td ><a href="#" class="font01">散落的满天星</a></td>
                  <td>老张</td>
                  <td >2013/4/29</td>
                </tr>
                <tr >
                  <td id="type"><a href="#">[那些年]</a></td>
                  <td ><a href="#" class="font01">那年花开</a></td>
                  <td>小鱼</td>
                  <td >2013/5/6</td>
                </tr>
                <tr >
                  <td id="type"><a href="#">[毕业季]</a></td>
                  <td ><a href="#" class="font01">你好，时光</a></td>
                  <td>SunFlower</td>
                  <td >2013/5/2</td>
                </tr>
                <tr >
                  <td id="type"><a href="#">[5.20树洞]</a></td>
                  <td ><a href="#" class="font01">多的是你不知道的事~~</a></td>
                  <td> 杜明汉</td>
                  <td >2013/5/13</td>
                </tr>
              </tbody>
            </table>
            <a href="#" style=" position:absolute; left:2230px; color:#0033FF">>>>More</a> </div>
        </ul>

         <ul style="float: left; width: 940px;">
          <div id="Div1">
            <table cellpadding="0" cellspacing="0" id="table2" >
              <thead>
                <tr>
                  <th scope="col" id="Th1">类　型 </th>
                  <th scope="col" id="Th2">标　题 </th>
                  <th scope="col" id="Th3">用户名</th>
                  <th scope="col" id="Th4">日　期 </th>
                </tr>
              </thead>
              <tbody>
                <tr>
                  <td id="Td1"><a href="#">[5.20树洞]</a></td>
                  <td ><a href="#" class="font01">多的是你不知道的事~~</a></td>
                  <td> 杜明汉</td>
                  <td >2013/5/13</td>
                </tr>
                <tr>
                  <td id="Td2"><a href="#">[5.20树洞]</a></td>
                  <td ><a href="#" class="font01">你是我天边最美的云彩...</a></td>
                  <td >凤凰</td>
                  <td >2013/5/13</td>
                </tr>
                <tr>
                  <td id="Td3"><a href="#">[那些年]</a></td>
                  <td ><a href="#" class="font01">那年花开</a></td>
                  <td>小鱼</td>
                  <td >2013/5/6</td>
                </tr>
                <tr>
                  <td id="Td4"><a href="#">[毕业季]</a></td>
                  <td ><a href="#" class="font01">你好，时光</a></td>
                  <td>SunFlower</td>
                  <td >2013/5/2</td>
                </tr>
                <tr>
                  <td id="Td5"><a href="#">[致青春]</a></td>
                  <td ><a href="#" class="font01">散落的满天星</a></td>
                  <td>老张</td>
                  <td >2013/4/29</td>
                </tr> 
                              
              </tbody>
              
            </table>
            <a href="#" style="color:#0033FF; position:absolute; left:3160px;" >>>>More</a>
             </div>
        </ul>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">
    jQuery(".hp-tab-newprd").slide({ titCell: ".j-sw-nav li", mainCell: ".j-sw-c", effect: "left", easing: "easeInOutSine", delayTime: 800 });
</script>
<!--下方显示区结束-->




<!--右侧通知区-->
<div id="introduction">
<p id="name">鸵鸟邮箱</p>
<p id="introduce">鸵鸟邮箱创建于2013年，一个真正属于您自己的邮箱!让您与未来对话。</p>

</div>


<div id="content">
  <p id="ntitle" style="margin-bottom: 0px;"><a href="#" style="padding-left:10px;color:#082a4e;font-size:14px;">公告板</a></p>
  <div id="notice">
    <div>
      <p id="first"><span id="head"><img src="../img/female.jpg"/></span><span id="admin">管理员</span><span id="declare">最新通知!</span></p>
      <hr/>
    </div>
    <div>
      <div class="news">
        <SCRIPT type=text/javascript>
            var imgUrl = new Array();
            var imgLink = new Array();
            var imgName = new Array();
            var n = 1;
            var texts = "";
            var links = "";
            var pics = "";
            var count = 1;
            for (var h = 1; h < n; h++) {
                if (count > 6)
                    break;
                if ((imgUrl[h] != "") && (imgLink[h] != "") && (imgUrl[h].indexOf(".jpg") > 0)) {
                    if (imgName[h].length > 30)
                        imgName[h] = imgName[h].substring(0, 16) + "...";
                    texts += imgName[h] + "|";
                    links += imgLink[h] + "|";
                    pics += imgUrl[h] + "|";
                    count++;
                }
            }
            texts = texts.substring(0, texts.length - 1);
            links = links.substring(0, links.length - 1);
            pics = pics.substring(0, pics.length - 1);
            var focus_width = 226
            var focus_height = 126
            var text_height = 20
            var swf_height = focus_height + text_height
            document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="' + focus_width + '" height="' + swf_height + '">');
                </SCRIPT>
      </div>
      <ul style="padding-left:10px;">
        <marquee direction="up" onMouseOut="this.start();" onMouseOver="this.stop();" scrollamount="2" loop="-1" style="width:280px; height: 180px; *width:410px;">
        <li class="content"> <a href="#" title="" target="main"> 5.20表白日，大家来表白，写封信给你爱慕的人吧。</a> </li>
        <li class="content"> <a href="#" title="" target="main"> 想对明年的你或者十年后的你说些什么吗？ </a> </li>
        <li class="content"> <a href="#" title="" target="main">一起致青春，提前写封信让以后来怀念吧。 </a> </li>
        <li class="content"> <a href="#" title="" target="main">毕业季，想对以后工作的你说些什么？ </a> </li>
        </marquee>
      </ul>
    </div>
    <div id="last">
      <hr/>
      <p id="search"><a href="#">查看所有公告>></a></p>
    </div>
  </div>
</div>
</body>
</html>
